<div class="container">
  <h3>.row-flex (make columns equal heights in each row)</h3>
</div>
<div class="container">
  <div class="row row-flex row-flex-wrap">
    <div class="col-md-3">
      <div class="panel panel-default flex-col">
        <div class="panel-heading">Title flex-col</div>
        <div class="panel-body flex-grow">
          Content here -- div with .flex-grow
        </div>
        <div class="panel-footer">Footer</div>
      </div>
    </div>
    <div class="col-md-3">
      <div class="well">
        Sed ut perspiciatis unde omnis iste natus error sit voluptatem
        accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
        illo inventore veritatis et quasi architecto beatae vitae dicta sunt
        explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
        odit aut fugit.
      </div>
    </div>
    <div class="col-md-3">
      <div class="well">Duis pharetra varius quam sit amet vulputate.</div>
    </div>
    <div class="col-md-3">
      <div class="well">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra
        varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt
        condimentum vitae, gravida a libero. Aenean sit amet felis dolor, in
        sagittis nisi.
      </div>
    </div>
  </div>
  <!--/row-->
</div>
<!--/container-->
<hr />
